<template>
     
  <div id="goodslist">
    <goodslistitem
      :key="index"
      v-for="(item, index) in goods"
      :goodsitem="item"
    ></goodslistitem>
  </div>
</template>

<script>
import goodslistitem from "components/content/goods/goodslistitem.vue";
export default {
  // 组件名称
  name: "goodslist", // 组件参数 接收来自父组件的数据
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      },
    },
  }, // 局部注册的组件
  components: { goodslistitem }, // 组件状态值
  data() {
    return {};
  },
};
</script>
<style scoped>
#goodslist {
  display: flex;
  flex-wrap: wrap;
}
</style>